import { reactive, ref, watch, markRaw } from 'vue'
export default class Test {
  constructor() {
    this.a = 1
    this.b = 2
    this.c = ref(0)
    this.d = reactive([])
    this.d.push(markRaw(new TestD()))
  }
  add() {
    this.a++
    console.log(`helloworld`)

    let obj = this.d[0]
    obj.add()
  }
}

class TestD {
  constructor() {
    this.a = ref('testD')
  }
  add() {
    console.log(this.a.value)
  }
}
